<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>大事件管理系统</title>
  <!-- 链入 layui .css -->
  <link rel="stylesheet" href="/assets/lib/layui/css/layui.css">
  <!-- 链入 bootstrap.css -->
  <link rel="stylesheet" href="/assets/lib/bootstrap.css">
  <!-- 链入 main.css -->
  <link rel="stylesheet" href="/assets/lib/main.css">
  <!-- 链入 index .css -->
  <link rel="stylesheet" href="/assets/css/index.css">
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
      <!-- 顶部logo -->
    <div class="layui-logo layui-hide-xs layui-bg-black"></div>
    
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item layui-hide layui-show-md-inline-block">
        <a href="javascript:;">
          <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
          tester
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">Your Profile</a></dd>
          <dd><a href="">Settings</a></dd>
          <dd><a href="">Sign out</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
        <a href="javascript:;">
          <i class="layui-icon layui-icon-more-vertical"></i>
        </a>
      </li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <div class="user-info-box">
        <div class="text-avatar">
          <a href="javascript:;">
            <img src="//tva1.sinaimg.cn/crop.0.0.118.118.180/5db11ff4gw1e77d3nqrv8j203b03cweg.jpg" class="layui-nav-img">
            tester
          </a>
        </div>
      </div>  
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-this">
            <a href="javascript:;">
                <i class="layui-icon layui-icon-home"></i>&nbsp; 
                首页
            </a>
        </li>
        <li class="layui-nav-item">
            <a href="javascript:;">
                <i class="layui-icon layui-icon-read"></i>&nbsp; 
                图书管理
            </a>
        </li> 
        <li class="layui-nav-item">
          <a href="javascript:;">
            <i class="layui-icon layui-icon-tabs"></i>&nbsp;
              文章管理
          </a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">list 1</a></dd>
            <dd><a href="javascript:;">list 2</a></dd>
            <dd><a href="">超链接</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item layui-nav-itemed">
          <a class="" href="javascript:;">
            <i class="layui-icon layui-icon-user"></i>&nbsp;
              个人中心
          </a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">menu 1</a></dd>
            <dd><a href="javascript:;">menu 2</a></dd>
            <dd><a href="javascript:;">menu 3</a></dd>
            <dd><a href="">the links</a></dd>
          </dl>
        </li>
        </ul>
    </div>
  </div>
  
  <div class="layui-body">
    <!-- 内容主体区域 -->
    <div class="container-fluid">
        <div class="row spannel_list">
          <div class="col-sm-3 col-xs-6">
            <div class="spannel">
              <em>10015</em><span>篇</span>
              <b>总文章数</b>
            </div>
          </div>
          <div class="col-sm-3 col-xs-6">
            <div class="spannel scolor01">
              <em>123</em><span>篇</span>
              <b>日新增文章数</b>
            </div>
          </div>
          <div class="col-sm-3 col-xs-6">
            <div class="spannel scolor02">
              <em>35</em><span>条</span>
              <b>评论总数</b>
            </div>
          </div>
          <div class="col-sm-3 col-xs-6">
            <div class="spannel scolor03">
              <em>123</em><span>条</span>
              <b>日新增评论数</b>
            </div>
          </div>
        </div>
      </div>
    
      <div class="container-fluid">
        <div class="row curve-pie">
          <div class="col-lg-8 col-md-8">
            <div class="gragh_pannel" id="curve_show"></div>
          </div>
          <div class="col-lg-4 col-md-4">
            <div class="gragh_pannel" id="pie_show"></div>
          </div>
        </div>
      </div>
    
      <div class="container-fluid">
        <div class="column_pannel" id="column_show"></div>
      </div>
  </div>
  
  <div class="layui-footer">
    <!-- 底部固定区域 -->
    底部固定区域
  </div>
</div>
<!-- 链入 jq -->
<script src="/assets/lib/jquery.js"></script>
<!-- 链入 echarts.min.js -->
<script src="/assets/lib/echarts.min.js"></script>
<!-- 链入 layui.all.js -->
<script src="/assets/lib/layui/layui.all.js"></script>
<!-- 链入 tubiao.js -->
<script src="/assets/js/tubiao.js"></script>

</body>
</html>